<%--
    Document   : programasEstrategicos
    Created on : 26/04/2010, 03:38:19 PM
    Author     : Fiorella
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib uri="http://struts.apache.org/tags-bean"  prefix="bean"%>
<%@taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="/tags/c" prefix="c"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<script src="js/calendar.js" language="javascript"></script> <script type="text/javascript">
 
   function autoCompletarDiv(metodo,url,cadena,async,idDiv)
        {
            if( window.XMLHttpRequest )
                ajax = new XMLHttpRequest();
            else
                ajax = new ActiveXObject("Microsoft.XMLHTTP");
            ELEMENT_DIV = idDiv;
            ajax.onreadystatechange = funcionCallbackVerDiv;
            ajax.open( metodo, url, async);
            ajax.send(cadena);
        }

    function funcionCallbackVerDiv()
        {
            if( ajax.readyState == 4 )
            {
                if( ajax.status == 200 )
                {
                    document.getElementById(ELEMENT_DIV).innerHTML = ajax.responseText;
                }
            }
        }

   

    function eventoSoloNumeros(){
	var key = event.keyCode;
	if ((key == 13 )|| (key >= 48 && key <= 57) || (key==8 )==true)
		event.returnValue = true;
	else
		event.returnValue = false;
    }

    
   
   function confirmAction(){
        if (confirm("Se borrara fin, meta y componentes del registro seleccionado  \n ¿Esta seguro de continuar? "))
            return true;
        else return false;
     }


  


    function grabarEtiqueta(){
    var nombEtiqueta=document.getElementById("nombreEtiqueta").value;
    var codCausaRet=document.getElementById("codCausaRet").value;
    var tipoOper=document.getElementById("valRadio").value

    if(validarMantEtiqueta()==false)return;


    var idDiv = "cboEtiqueta";
                var metodo = "GET";
                //alert(tipoOper);
                var url = "consultasAjax/talentoComboCausaRetiroAjax.jsp?flagcapa="+4+"&tipoOper="+tipoOper+"&nombEtiqueta="+nombEtiqueta+"&codCausaRet="+codCausaRet;

                var cadenaSalida = "";
                var async = true;
                document.getElementById(idDiv).innerHTML;
                autoCompletarDiv(metodo,url,cadenaSalida,async,idDiv);

                document.getElementById("mantEtiqueta").style.display='none';


   }
   function setValueRadio(obj){
       document.getElementById("valRadio").value=obj.value;
   }

   function mostrarMantEtiqueta(){
       document.getElementById("mantEtiqueta").style.display='';
   }
   function validarMantEtiqueta(){

       var flagOperEtiqueta=document.getElementById("valRadio").value;
       if(flagOperEtiqueta==""){
           alert("Seleccione opcion Agreagr, Actualizar o Eliminar para continuar");
           return false;
       }
       if(flagOperEtiqueta=="2"){

           if(document.getElementById("nombreEtiqueta").value=="" ||document.getElementById("nombreEtiqueta").value==null){
                alert("Ingrese nombre descriptivo de etiqueta");
                document.getElementById("nombreEtiqueta").focus();
                return false;
           }

       }
       if(flagOperEtiqueta=="3"){
           if(document.getElementById("codCausaRet").value=="0"){
               alert("Seleccione etiqueta a modificar");
               document.getElementById("codCausaRet").focus();
               return false;
           }

           if(document.getElementById("nombreEtiqueta").value=="" ||document.getElementById("nombreEtiqueta").value==null){
                alert("Ingrese nombre descriptivo de etiqueta");
                document.getElementById("nombreEtiqueta").focus();
                return false;
           }

       }

       if(flagOperEtiqueta=="4"){
           if(document.getElementById("codCausaRet").value=="0"){
               alert("Seleccione etiqueta a eliminar");
               document.getElementById("codCausaRet").focus();
               return false;
           }
       }
   }

   function cancelGrabarEtiqueta()
   {
       document.getElementById("mantEtiqueta").style.display='none';
   }
   function cancelar(){
       alert("");
            var form = document.getElementById("TalentoForm");
            form.action="Talento.do?dispatch=cancelUpdateAspectosTecnicos";
            form.method="post";
            form.submit();
   }
   function grabar(){

            
            var codAlumno=document.getElementById("codAlumno").value;
            var codAspTecnico=document.getElementById("codAspTecnico").value;
            var codCcd=document.getElementById("codCcd").value;
            
            var descripcionAspectos=document.getElementById("descripcionAspectos").value;
            var trimestre1=document.getElementById("trimestre1").value;
            var trimestre2=document.getElementById("trimestre2").value;
            
            var trimestre3=document.getElementById("trimestre3").value;
            var trimestre4=document.getElementById("trimestre4").value;

            if(trimestre1==null ||trimestre1==''){
                alert("Ingrese nota en primer trimestre");
                document.getElementById("trimestre1").focus();
                return;
            }
            if(trimestre2==null ||trimestre2==''){
                alert("Ingrese nota en segundo trimestre");
                document.getElementById("trimestre2").focus();
                return;
            }

            if(trimestre3==null ||trimestre3==''){
                alert("Ingrese nota en tercer trimestre");
                document.getElementById("trimestre3").focus();
                return;
            }

            if(trimestre4==null ||trimestre4==''){
                alert("Ingrese nota en cuarto trimestre");
                document.getElementById("trimestre4").focus();
                return;
            }


            if(eval(trimestre4<1) || eval(trimestre4>5)){
               alert("La calificacion se encuentra fuera del rango de calificaciones: \n [1..5]" );
               document.getElementById("trimestre4").focus();
               return;
            }

            if(eval(trimestre3<1) || eval(trimestre3>5)){
               alert("La calificacion se encuentra fuera del rango de calificaciones: \n [1..5]" );
               document.getElementById("trimestre3").focus();
               return;
            }

            if(eval(trimestre2<1) || eval(trimestre2>5)){
               alert("La calificacion se encuentra fuera del rango de calificaciones: \n [1..5]" );
               document.getElementById("trimestre2").focus();
               return;
            }

            if(eval(trimestre1<1) || eval(trimestre1>5)){
               alert("La calificacion se encuentra fuera del rango de calificaciones: \n [1..5]" );
               document.getElementById("trimestre1").focus();
               return;
            }

/*
            var total;
            var numEntrada=document.getElementById("numEntrada").value;
            total=eval(trimestre1)+eval(trimestre2)+eval(trimestre3)+eval(trimestre4);
            if(eval(total)>eval(numEntrada)){
                alert("La suma de notas no puede exceder a la nota de entrada");
                return;
            }
*/

        if(allTrim(document.getElementById("descPermanencia").value)!=""){
            if(document.getElementById("codCausaRet").value=="0"){
                alert("Seleccione causa de retiro");
                document.getElementById("codCausaRet").focus();
                return;
            }            
        }

        if(allTrim(document.getElementById("descPermanencia").value)==""){
            if(document.getElementById("codCausaRet").value!="0"){
                alert("No debe existir causa de retiro seleccionado");
                document.getElementById("codCausaRet").focus();
                return;
            }
        }


            var codCausaRet=document.getElementById("codCausaRet").value;
            
            var descPermanencia=document.getElementById("descPermanencia").value;
            
            
            var form = document.getElementById("TalentoForm");
            form.action="Talento.do?dispatch=loadUpdateAspectosTecnicos&codAlumno="+codAlumno+"&codAspTecnico="+codAspTecnico+"&codCcd="+codCcd+"&descripcionAspectos="+descripcionAspectos+"&trimestre1="+trimestre1+"&trimestre2="+trimestre2+"&trimestre3="+trimestre3+"&trimestre4="+trimestre4+"&codCausaRet="+codCausaRet+"&descPermanencia="+descPermanencia;

            form.method="post";
            form.submit();



   }

 
   function lTrim(sStr){
     while (sStr.charAt(0) == " ")
      sStr = sStr.substr(1, sStr.length - 1);
     return sStr;
   }

    function rTrim(sStr){
     while (sStr.charAt(sStr.length - 1) == " ")
      sStr = sStr.substr(0, sStr.length - 1);
     return sStr;
    }

    function allTrim(sStr){
     return rTrim(lTrim(sStr));
    }

    function cancelar(){
        var form = document.getElementById("TalentoForm");
        form.action="Talento.do?dispatch=cancelUpdateAspectosTecnicos";

        form.method="post";
        form.submit();
    }

      function muestraComboCausaRetiro(){

        if(document.getElementById("descripcionAspectos").value=='Aspecto Tec')
           document.getElementById("panelCausa").style.display='';
   }

</script>
<html>


    <head>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
        <link rel="stylesheet" href="lib/css/estilos.css" type="text/css">
        <link href="lib/css/calendar.css" rel="stylesheet" type="text/css" />
        <link href="lib/css/styles_pages.css" rel="stylesheet" type="text/css" />
        <title>JSP Page</title>
    </head>
    <body onload="muestraComboCausaRetiro()">
        <div  style="overflow: auto; width: 710px; height: 400px">
  <html:form  action="Talento.do?dispatch=loadEditarAspectosTecnicos" styleId="TalentoForm">
          
              <!-- <table id="IdentificacionPrograma" style="display: none" align="center">   -->


               <input type="hidden" id="valRadio" value="">
              <html:hidden property="nomAlumno" styleId="nomAlumno"/>
              <html:hidden property="codAlumno" styleId="codAlumno"/>
              <html:hidden property="codAspTecnico" styleId="codAspTecnico"/>
              <html:hidden property="codCcd" styleId="codCcd"/>
              <html:hidden property="descripcionAspectos" styleId="descripcionAspectos"/>
              
              <input type="hidden" id="almacenaContador" value="0">
              <div id="panelBusquedas">
                  <h1 align="center">Editar Aspectos Técnicos y Físicos</h1>
       <table class="userTable" >
           
                       <tr >
                           <th class="textoTR" colspan="4" align="center">
                                Trimestres
                            </th>

                       
                            <th class="textoTR"  align="center">
                                Valor de Entrada y Personal
                            </th>

                        </tr>
                        
                       <tr>
                           <td align="center">Trimestre 1 <br>
                                
                               <html:text property="trimestre1" styleId="trimestre1" maxlength="1"  size="3" onkeypress="eventoSoloNumeros()"/>
                            </td>
                            <td align="center">Trimestre 2 <br>
                                 
                                 <html:text property="trimestre2" styleId="trimestre2" maxlength="1" size="3" onkeypress="eventoSoloNumeros()" />
                            </td>
                            <td align="center">Trimestre 3 <br>
                                
                                <html:text property="trimestre3" styleId="trimestre3" maxlength="1" size="3" onkeypress="eventoSoloNumeros()" />
                            </td>
                            <td align="center">Trimestre 4 <br>
                                
                                <html:text property="trimestre4" styleId="trimestre4"  maxlength="1" size="3" onkeypress="eventoSoloNumeros()"/>
                            </td>
                          
                            <td align="center"><br>
                                <html:text property="numEntrada" styleId="numEntrada" size="3" readonly="true" />
                                <html:text property="numPuntuacionPersonal" styleId="numPuntuacionPersonal" size="3" readonly="true" />
                            </td>

                       </tr>
                       <tr>
                            <td  colspan="4">
                                Permanencia:<br>
                                <!--<textarea id="observacionTri" rows="10" cols="100" onkeyPress="return contar(this.value,event)"></textarea>-->
                                <html:textarea   property="descPermanencia"  styleId="descPermanencia" rows="10" cols="100"   />
                                <!--<input type="text" size="2" id="contador"  />-->
                            </td>
                   <td  colspan="2">
                                       
                                       <div id="panelCausa" style="display: none">
                                 Causa del retiro:
                                <div id="cboEtiqueta" >
                                   <html:select  property="codCausaRet" styleId="codCausaRet">
                                            <html:option value="0">Seleccionar Causa</html:option>
                                            <html:optionsCollection name="TalentoForm" property="listCausaRet" value="codcausaRet" label="descCausaRet" />
                                   </html:select>
                               </div>
                                <br>
                                    Mantenimiento
                                    <img style="cursor:pointer" title="CausaRetiro" title="CausaRetiro" alt="CausaRetiro" border=0  src="images/b_edit.png" onclick="mostrarMantEtiqueta(this);">
                                <br>
                                <br>
                                    <div id="mantEtiqueta" style="display:none">
                                     <table>
                                            <tr>
                                                <td colspan="2" align="center">Ingrese Nombre de etiqueta
                                                    <input type="text" id="nombreEtiqueta">
                                                </td>

                                            </tr>
                                            <tr>
                                                 <td>
                                                    Agregar <input type="radio" name="operacion" id="insertar" value="2" onclick="setValueRadio(this);">
                                                    Actualizar <input type="radio" name="operacion" id="actualizar" value="3" onclick="setValueRadio(this);">
                                                    Eliminar <input type="radio" name="operacion" id="eliminar" value="4" onclick="setValueRadio(this);">
                                                </td>
                                                <td  align="right">
                                                    <input type="button" value="Regresar" onclick="cancelGrabarEtiqueta()">
                                                    <input type="button" value="Grabar" onclick="grabarEtiqueta()">
                                                </td>
                                            </tr>
                                        </table>
                                    </div>

 </div>
                   </td>
                     

                       </tr>
                       <tr>
                           <td  colspan="6" align="right">
                               <input type="button" id="fechaTerminoEjec" value="Regresar" onclick="cancelar()" />
                                <input type="button" id="fechaTerminoEjec" value="Grabar" onclick="grabar()" />
                            </td>
                       </tr>

        </table>


</div>
      </html:form>

</div>

    </body>
</html>
